<%--
  Created by IntelliJ IDEA.
  User: win10
  Date: 2017/5/25
  Time: 15:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/h5/css/public/common.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/static/h5/css/personal/find_newsDetail.css"/>
    <title>云谱详情</title>
</head>
<body>
<div id="news_detail">
    <header>
        <a href="javascript:;" onclick="window.history.back()" class="go-back">
            <i class="fa fa-angle-left" aria-hidden="true"></i>
            <span>返回</span>
        </a>
        <h4>云谱详情</h4>
    </header>

    <content>
        <div class="article_cont">
            <h4>${newDetail.fnTitle}</h4>
            <ul class="arti_mess">
                <li class="time">
                    <span><fmt:formatDate value="${newDetail.createtime}" pattern="yyyy-MM-dd"/></span>
                    <span><fmt:formatDate value="${newDetail.createtime}" pattern="HH:mm"/></span>
                </li>
                <li class="author">
                    <span>${user.name}</span>
                </li>
                <li>
                    <span>阅读：</span>
                    <span>0</span>
                </li>
            </ul>
            <div class="introduce">
                <div class="intr_top">
                    <p>
                        ${newDetail.fnDesp}
                    </p>
                    <div class="figure">
                        <img src="${newDetail.imgUrl}" alt="" />
                    </div>
                </div>
                <ul class="detail_intro">
                    <li>
                        <h5></h5>
                        <p>
                            <%--1996年，季琦出生在江苏如云，祖上三代都是守着一亩三分地，靠天吃饭。季琦是个上进的孩子，每次考试都雷打不动稳定在全校第三。
                            1985年，他顺利被上海交大工程力学系录取。本科毕业后，继续在机械工程系就读机器人专业的研究生。--%>
                        </p>
                    </li>
                    <li>
                        <h5><%--出国奋斗--%></h5>
                        <p>
                           <%-- 1992年毕业以后，他有找人借了一万美元跑到美国。只因，班里最差的同学都去了，自己也不落后，凭着这口气，季琦咬咬牙也出去了。--%>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
    </content>
  <%--  <footer>
        <div class="container down">
            <div class="row">
                <div class="col-xs-6 bootst down_default">
                    <p>
                        <img src="${ctx}/static/h5/images/flower.png"/>
                        <span>0</span>
                        <span>朵鲜花</span>
                    </p>
                </div>

                <div class="col-xs-6 bootst down_default">
                    <p>
                        <img src="${ctx}/static/h5/images/Forward.png"/>
                        <span>6</span>
                        <span>次转发</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="all_comment container">
            <ul class="row cmt_top">
                <h5 class="col-xs-12">
                    <span><img src="${ctx}/static/h5/images/comment.png"/></span>
                    <span>全部评论</span>
                    <span>(</span>
                    <span class="comment_num">3</span>
                    <span>)</span>
                </h5>
            </ul>
            <ul class="row cmt_area">
                <li class="col-xs-2">
                    <img src="${ctx}/static/h5/favicon.ico" alt="" />
                </li>
                <li class="col-xs-10">
                    <p>小李</p>
                    <p>
                        <span>2017-05-31</span>
                        <span>13:44:46</span>
                    </p>
                    <p>哈哈哈</p>
                </li>
            </ul>
        </div>
        <div class="cmt_btm container">
            <ul class="row cmt_box">
                <li class="col-xs-10">
                    <input type="text" id="context" placeholder="评论一下：）"/>
                </li>
                <li class="col-xs-2">
                    <p class="cmt_publish">发表</p>
                </li>
            </ul>
        </div>
    </footer>--%>
    <div class="share_hidden">
        <div class="software container">
            <ul class="software_ul row">
                <li class="col-xs-3">
                    <a href="javascript:;">
                        <img src="${ctx}/static/h5/images/weixin_pay.png"/>
                        <span>微信好友</span>
                    </a>
                </li>
                <li class="col-xs-3">
                    <a href="javascript:;" class="bdsharebuttonbox">
                        <img src="${ctx}/static/h5/images/share_qq.png" class="bds_sqq" data-cmd="sqq"/>
                        <span>QQ</span>
                    </a>
                </li>
                <li class="col-xs-3">
                    <a href="javascript:;" class="bdsharebuttonbox">
                        <img src="${ctx}/static/h5/images/share_pengyouquan.png" class="bds_weixin" data-cmd="weixin"/>
                        <span>朋友圈</span>
                    </a>
                </li>
            </ul>
            <script>
                window._bd_share_config = {
                    "common": {
                        "bdSnsKey": {},
                        "bdText": "",
                        "bdMini": "2",
                        "bdMiniList": false,
                        "bdPic": "",
                        "bdStyle": "0",
                        "bdSize": "16"
                    },
                    "share": {},
                    "image": {
                        "viewList": [ "sqq", "weixin"],
                        "viewText": "分享到",
                        "viewSize": "16"
                    },
                    "selectShare": {
                        "bdContainerClass": null,
                        "bdSelectMiniList": ["sqq",  "weixin"]
                    }
                };
                with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
            </script>
            <style>
                #bdshare_weixin_qrcode_dialog{height: 330px!important;width: 260px!important;}
            </style>
        </div>
        <div class="cancle">
            取消
        </div>
    </div>
    <div class="mask"></div>
    <img src="${ctx}/static/h5/images/shares.png" class="news_share"/>
</div>
</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/personal/news_detail.js"></script>
</html>
